.content{
	display: flex;

	height: 100%;
	
	
	.head{
		padding: 80rpx 50rpx;
		.text{
			font-size: 50rpx;
		}
	}
	.list{
		display: flex;
		flex-direction: row;
		height: 100%;
		
		.left{
			flex-basis: 30%;
			// background-color: red;
			background-color: #f2f2f2;
			.typeItem{
		
				.active{
					background-color: white;
					color: $category_text_color;
				}
				.text{
					font-weight: bold;
					padding: 30rpx;
					text-align: center;
					color: black;
			
				}
			}
		}
		
		.right{
			flex-basis: 70%;
			
	
				
			.item{
				display: flex;
				flex-direction: row;
				margin-bottom: 30rpx;
				
				.itemImg{
					
					flex-basis: 50%;
					height: 200rpx;
					padding:0 40rpx;
				}
				.itemInfo{
					flex-basis: 50%;
					display: flex;
					.price{
						padding-top: 60rpx;
						display: flex;
						flex-direction: row;
						
						justify-content: space-between;
						.text{
							color: $category_primary;
						}
						
						.pay{
							background-color:$category_primary;
							border-radius: 50;
							height: 50rpx;
							width: 50rpx;
							margin-right: 50rpx;
							.text{
								color: white;
								font-size: 100rpx;
								text-align: center;
								line-height: 50rpx;
				
							}
						}
					}
				}
			}
		}
	}

}